// pages/modified/updatePhone/index.js
import utils from '../../../utils/util.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    step: 1,

    disabledSendCodeBtn: false, // 禁用发送验证码按钮
    sendCodeBtnText: '验证码', // 发送验证码按钮文本,




    // 第三步
    new_phone: '', // 新的手机号


  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  //step1更改手机号码按钮事件
  toStep2() {
    this.setData({
      step: 2
    })
  },

  // step2 发送验证码事件
  handleStep2SendCode() {
    if (!this.data.disabledSendCodeBtn) {
      // 发送请求验证码
      // wxRequest


      // 发送成功
      wx.showToast({
        title: '发送验证码成功',
      })
      let t = 60;
      // 禁用发送按钮
      this.setData({
        disabledSendCodeBtn: true,
      })
      let timer = setInterval(() => {
        if (t <= 1) {
          clearInterval(timer);
          this.setData({
            disabledSendCodeBtn: false,
            sendCodeBtnText: '验证码'
          })
        } else {
          t--;
          this.setData({
            sendCodeBtnText: t + 's'
          })
        }
      }, 1000)
    }
  },

  // 第二步 验证手机
  handleCheckPhone(e) {
    let form = e.detail.value
    console.log(form);

    //1.表单验证

    //2.发送验证请求 

    //3.返回成功执行
    this.setData({
      disabledSendCodeBtn: false,
      sendCodeBtnText: '验证码',
      step: 3
    })
  },


  // 第三步-输入新手机号
  handleNewPhoneInput(e) {
    console.log(e);
    this.setData({
      new_phone: e.detail.value
    })
  },

  // 第三步-发送验证码
  handleStep3SendCode() {
    // 获取输入的手机号。
    if (utils.trim(this.data.new_phone) == '') {
      return wx.showToast({
        title: '请输入新的手机号码',
        icon: 'none'
      })
    }

    // 验证手机号码 
    if (!utils.reg_phone(this.data.new_phone)) {
      return wx.showToast({
        title: '手机号码格式不正确',
        icon: 'none'
      })
    }

    if (!this.data.disabledSendCodeBtn) {
      // 发送请求验证码
      // wxRequest


      // 发送成功
      wx.showToast({
        title: '发送验证码成功',
      })
      let t = 60;
      // 禁用发送按钮
      this.setData({
        disabledSendCodeBtn: true,
      })
      let timer = setInterval(() => {
        if (t <= 1) {
          clearInterval(timer);
          this.setData({
            disabledSendCodeBtn: false,
            sendCodeBtnText: '验证码'
          })
        } else {
          t--;
          this.setData({
            sendCodeBtnText: t + 's'
          })
        }
      }, 1000)
    }
  },


  // 修改手机号 确认绑定新号码
  handleUpdatePhone() {

  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})